<template>
    <div class="maintain-check-result">
        <div
            v-if="pointinspectioncontents.normal===0&&pointinspectioncontents.defect===0&&pointinspectioncontents.fault===0"
            class="noneresult">{{"暂无维检结果"}}</div>
        <div
            v-else
            class="checkresult">
            <span
                v-show="pointinspectioncontents.normal!==0"
                class="normal">{{pointinspectioncontents.normal}}项正常</span>
            <span
                v-show="pointinspectioncontents.defect!==0"
                class="defect">{{pointinspectioncontents.defect}}项缺陷</span>
            <span
                v-show="pointinspectioncontents.fault!==0"
                class="fault">{{pointinspectioncontents.fault}}项故障</span>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        pointinspectioncontents: {
            type: Object,
            default () {
                return { normal: 0, fault: 0, defect: 0 };
            }
        }
    }

};
</script>

<style lang="scss" scoped>
.maintain-check-result {
    font-size: 13px;
    .checkresult{
    span{
        margin-right: 5px;
    }
    .normal {
                    color: #64BB5C;
                }
                .defect {
                    color: #F9A01E;
                }
                .fault {
                    color: #E84026;
                }
    }
}

</style>
